<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="head :: commonHead('个人信息')">

</head>

<body>

<div th:replace="head :: header"></div>

<div id="app" class="user_container clearfix">

    <div th:replace="content/personal/left :: body"></div>

    <!-- 右侧内容 -->
    <div class="right_boxwrap">
        <div class="user_right_box">
            <div class="user_right_box_title">
                <div class="user_right_box_title_l">
                    <em></em>
                    <h3>个人信息</h3>
                </div>
            </div>
            <div class="user_info">
                <div class="top">
                    <img th:if="${user.portrait ne null}" th:src="${#request.getAttribute('uploadServer') + user.portrait}">
                    <img th:if="${user.portrait eq null and user.gender eq 0}" th:src="${#request.getAttribute('ctx') + '/static/front/img/gender/portrait-female.jpg'}"/>
                    <img th:if="${user.portrait eq null and user.gender eq 1}" th:src="${#request.getAttribute('ctx') + '/static/front/img/gender/portrait-male.jpg'}"/>
                </div>
                <div class="middle">
                    <div class="middle_box">
                        <div class="middle_box_title">
                            <h3>基本信息</h3>
                        </div>
                        <div class="middle_box_con">
                            <div class="table">
                                <p th:text="${'姓 名：' + (user.name eq null ? '' : user.name)}"></p>
                            </div>
                            <div class="table">
                                <p th:text="${'昵 称：' + (user.nickname eq null ? '' : user.nickname)}"></p>
                            </div>
                            <div class="table">
                                <p cus:dict="gender, ${user.gender}, 性 别："></p>
                            </div>
                        </div>
                    </div>

                    <div class="middle_box">
                        <div class="middle_box_title">
                            <h3>联系方式</h3>
                        </div>
                        <div class="middle_box_con">
                            <div class="table">
                                <p th:text="${'手 机：' + (user.mobile eq null ? '' : user.mobile)}"></p>
                            </div>
                            <div class="table">
                                <p th:text="${'邮 箱：' + (user.email eq null ? '' : user.email)}"></p>
                            </div>
                            <div class="table">
                                <p th:text="${'微 信：' + (user.wechat eq null ? '' : user.wechat)}"></p>
                            </div>
                            <div class="table">
                                <p th:text="${'Q Q：' + (user.qq eq null ? '' : user.qq)}"></p>
                            </div>
                        </div>
                    </div>

                    <div class="middle_box">
                        <div class="middle_box_title">
                            <h3>其他备注</h3>
                        </div>
                        <div class="middle_box_con">
                            <div class="table">
                                <p cus:dict="expect, ${user.expect}, 期望风格："></p>
                            </div>
                            <div class="table">
                                <p th:text="${'制作要求：' + (user.requirement eq null ? '' : user.requirement.substring(user.requirement.lastIndexOf('/') + 1))}"></p>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="bottom">
                    <input type="button" style="margin-right: 128px;" value="编辑" onclick="window.location.href = '/personal?type=1';"/>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:replace="foot :: body"></div>

</body>

<script th:src="${#request.getAttribute('ctx') + '/static/front/js/home.js'}" src="js/home.js" type="text/javascript" charset="utf-8"></script>

</html>
